<template>
	<view
		class="empty"
		v-if="show"
	>
		<u-empty
			:mode="mode"
			:icon="`https://cdn.uviewui.com/uview/empty/${mode}.png`"
		></u-empty>
	</view>
</template>

<script>
export default {
	props: {
		show: {
			type: Boolean,
			default: false
		},
		mode: {
			type: String,
			default: 'data'
		}
	},
	name: 'empty-data',
	data() {
		return {};
	}
};
</script>

<style lang="scss" scoped>
.empty {
	@include flex-box-set();
	flex: 1;
}
</style>
